<template>
	<view class="wp">
		<view class="wp-up">
			<!-- 上方logo -->
			<view class="logo">
				<image src="./img/rcup.jpg" mode=""></image>
			</view>
			<!-- 内容1 -->
			<view class="nav">
				<view class="nav-left">
					<text>09.11星期五</text>
				</view>
				<view class="ul">
					<view class="li">
						<view class="span">
							09:00-10:30
							<text>AM</text>
						</view>
						<view class="right">
							<text class="zb">开幕式直播</text>
							<text>嘉宾：云南省省长</text>
						</view>
					</view>
					<view class="li">
						<view class="span">
							09:00-10:30
							<text>AM</text>
						</view>
						<view class="right">
							<text class="zb">开幕式直播</text>
							<text>嘉宾：云南省省长</text>
						</view>
					</view>
					<view class="li">
						<view class="span">
							09:00-10:30
							<text>AM</text>
						</view>
						<view class="right">
							<text class="zb">开幕式直播</text>
							<text>嘉宾：云南省省长</text>
						</view>
					</view>
				</view>
				<!-- 下方内容 -->
				<view class="nav-left">
					<text>09.11星期五</text>
				</view>
				<view class="ul">
					<view class="li">
						<view class="span">
							09:00-10:30
							<text>AM</text>
						</view>
						<view class="right">
							<text class="zb">开幕式直播</text>
							<text>嘉宾：云南省省长</text>
						</view>
					</view>
					<view class="li">
						<view class="span">
							09:00-10:30
							<text>AM</text>
						</view>
						<view class="right">
							<text class="zb">开幕式直播</text>
							<text>嘉宾：云南省省长</text>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	
</script>

<style scoped>
	.wp{
		background: #245bff;
		height: 1563rpx;
	}
	.wp-up{
		background: url(./img/bgup3.jpg) no-repeat 0 0;
		background-size: contain;
		width: 100%;
		height: 1563rpx;
	}
	.logo {
		padding-top: 162rpx;
		margin-left: 35rpx;
	}
	.logo image{
		width: 567rpx;
		height: 79rpx;
	}
	/* 内容 */
	.nav .nav-left{
		width: 228rpx;
		height: 70rpx;
		background: url(img/left.jpg) no-repeat;
		background-size: contain;
		margin-top: 68rpx;
	}
	.nav .nav-left>text{
		font-size: 30rpx;
		color: #fff;
		text-align: center;
		line-height: 70rpx;
		margin-left: 25rpx;
	}
	/* 内容右侧 */
	.ul{
		margin-left: 35rpx;
		margin-right: 35rpx;
	}
	.ul>.li{
		width: 100%;
		height: 140rpx;
		border-radius: 30rpx;
		background: #fff;
		display: flex;
		margin-top: 30rpx;
	}
	.ul>.li>.span{
		border-right: 2rpx #c2c2c2 dashed;
		width: 212rpx;
		padding-left: 35rpx;
		font-size: 22rpx;
		margin-top: 40rpx;
	}
	.ul>.li>.span text{
		display: block;
	}
	.ul>.li>.right{
		padding-top: 35rpx;
		margin-left: 38rpx;
	}
	.ul>.li>.right .zb{
		font-weight: 600;
		font-size: 28rpx;
		color: #1458ff;
	}
	.ul>.li>.right text{
		display: block;
		font-size: 24rpx;
		color: #777;
	}
</style>
